// map.js
import QQMap from '../../../utils/qqmap'

Page({
  data: {
    latitude: 41.060539,
    longitude: 116.343847,
    detail: {},
    // 主要是为了显示标记点
    // from点 和 to点
    markers: [
      // 第一个标记：假设是我当前的位置
      {
        id: 1,
        latitude: 0,
        longitude: 0,
        width: 24,
        height: 30,
      },
      // 假设是维修师傅的位置
      {
        id: 2,
        latitude: 0,
        longitude: 0,
        width: 30,
        height: 30,
        iconPath: '/static/images/marker.png',
      },
    ],
    // 路径
    polyline: [],
  },
  onLoad({ id }) {
    id && this.getRepairDetail(id)
    this.id = id
  },
  async onShow() {
    await this.getLocation()
    this.getDirection()
  },
  async getLocation() {
    const { latitude, longitude } = await wx.getLocation()
    this.data.markers[0].latitude = latitude
    this.data.markers[0].longitude = longitude
    this.data.markers[1].latitude = latitude + (Math.random() - 0.5) * 0.01
    this.data.markers[1].longitude = longitude + (Math.random() - 0.5) * 0.01
    this.setData({
      latitude,
      longitude,
      markers: this.data.markers,
    })
  },
  // 获取规划的路线
  getDirection() {
    const { latitude: fromLatitude, longitude: fromLongitude } = this.data.markers[1]
    QQMap.direction({
      mode: 'driving', //可选值：'driving'（驾车）、'walking'（步行）、'bicycling'（骑行），不填默认：'driving',可不填
      //from参数不填默认当前地址
      // 经纬度拼接好的字符串
      // from: 从哪儿来
      // to：到哪儿去
      from: `${fromLatitude},${fromLongitude}`,
      to: `${this.data.latitude},${this.data.longitude}`,
      success: (res) => {
        // console.log(res)
        const ret = res
        const coors = ret.result.routes[0].polyline,
          pl = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        const kr = 1000000
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr
        }
        // console.log(coors)
        //将解压后的坐标放入点串数组pl中
        for (let i = 0; i < coors.length; i += 2) {
          pl.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        // console.log(pl)
        //设置polyline属性，将路线显示出来,将解压坐标第一个数据作为起点
        this.setData({
          latitude: pl[0].latitude,
          longitude: pl[0].longitude,
          polyline: [
            {
              points: pl,
              color: '#FF0000',
              width: 4,
            },
          ],
        })
      },
    })
  },
  // 获取报修详情
  getRepairDetail(id) {
    wx.http.get(`/repair/${id}`).then((res) => {
      if (res.code !== 10000) return wx.utils.toast()
      this.setData({ detail: res.data })
    })
  },
  // 跳转到编辑报修表单页面
  gotoEditFrom() {
    if (!this.id) return
    wx.redirectTo({
      url: '/repair_pkg/pages/form/index?id=' + this.id,
    })
  },
  // 取消报修
  cancelRepair() {
    if (!this.id) return
    wx.http.put(`/cancel/repaire/${this.id}`).then((res) => {
      if (res.code !== 10000) return wx.utils.toast('取消报修失败')
      // 取消报修成功，跳转会报修列表页面
      wx.redirectTo({ url: '/repair_pkg/pages/list/index' })
    })
  },
})
